<template>
  <view>
    <view class="ban_er">
      <u-swiper :list="list1" height="350rpx"></u-swiper>
    </view>
    <!-- 联系方式等 -->
    <view class="title_lx">
      <view class="title_top" @click="btnphone">
        <view class="title_ls">
          <u-icon name="phone"></u-icon>
          <text>联系电话</text>
        </view>
        <text>15009936836</text>
      </view>
      <view class="title_top">
        <view class="title_ls">
          <u-icon name="email"></u-icon>
          <text>联系邮箱</text>
        </view>
        <text>2322974279@qq.com</text>
      </view>
      <view class="title_top">
        <view class="title_ls">
          <u-icon name="home"></u-icon>
          <text>联系地址</text>
        </view>
        <text>新疆省石河子市北二路333号</text>
      </view>
    </view>
    <!-- 地图 -->
    <map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers" show-compass="true" enable-rotate="true">
    </map>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        list1: [
            'https://img1.imgtp.com/2023/01/19/VgyTPsLt.jpg',
        ],
        latitude: 44.296766,
        longitude: 86.059111,
        covers: [{
        				latitude: 44.296766,
        				longitude: 86.059111,
        				iconPath: '../../static/dt.png',
                width: '80rpx',
                height: '80rpx'
        			}]
      }
    },
    methods: {
      btnphone() {
        uni.makePhoneCall({
        	phoneNumber: '15009936836' 
        });
      }
    },
    onLoad(){
      wx.showShareMenu({
        withShareTicket: true,
        menus: ['shareAppMessage', 'shareTimeline']
      })
    }
  }
</script>

<style lang="scss" scoped>
  .title_lx{
    margin: 50rpx 25rpx;
    .title_top{
      display: flex;
      justify-content: space-between;
      width: 100%;
      height: 100rpx;
      line-height: 100rpx;
      border-bottom: 1px solid #eee;
      .title_ls{
        display: flex;
        text{
          margin-left: 20rpx;
        }
      }
    }
  }
</style>
